.login-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: #f0f2f5;
  background-image: url('https://gw.alipayobjects.com/zos/rmsportal/TVYTbAXWheQpRcWDaDMu.svg');
  background-repeat: no-repeat;
  background-position: center 110px;
  background-size: 100%;
  
  .login-card {
    width: 100%;
    max-width: 400px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    
    .ant-card-head {
      border-bottom: 1px solid #f0f0f0;
      
      .ant-card-head-title {
        text-align: center;
        font-size: 24px;
        font-weight: 600;
        padding: 16px 0;
      }
    }
    
    .ant-card-body {
      padding: 24px;
    }
    
    .login-button {
      height: 40px;
      font-size: 16px;
      margin-top: 8px;
    }
    
    .login-footer {
      margin-top: 16px;
      text-align: center;
      
      a {
        color: #1890ff;
        font-weight: 500;
        
        &:hover {
          color: #40a9ff;
        }
      }
    }
  }
}

// 响应式调整
@media (max-width: 576px) {
  .login-container {
    padding: 16px;
    
    .login-card {
      max-width: 100%;
    }
  }
}